<template>
    <div>
        <el-drawer v-model="state.isVisible" title="在线用户列表" size="40%"> 还没做 </el-drawer>
    </div>
</template>

<script setup lang="ts">
import { reactive, onMounted } from 'vue'
const state = reactive({
    isVisible: false,
})
//页面加载
onMounted(async () => {
    console.log('页面加载')
})
// 打开页面
const openDrawer = () => {
    state.isVisible = true
}
//导出对象
defineExpose({
    openDrawer,
})
</script>

<style scoped></style>
